
<script>
export default {
      name: "item",
      props:{
        id:{
          type:Number,
          default:0
        },
        arr:{
          type:Array,
          default:function () {
            return ["傻逼","倒霉","吃惊"]
          }
        }
      },
    render(){
      const $this = this
      let jsx1 = <h1>{$this.$slots.default[0].text + $this.arr[$this.id]}</h1>

      // 直接返回模板
      return <div>{jsx1}</div>
    }
  }
</script>